/* 自定义 antd 默认样式 */
@light-bg-color: #ffffff;
@light-main-bg-color: #f0f2f5;
@light-border-color: #e4e7ed;
@light-border-header-color: #f6f6f6;
@light-text-color: rgba(0, 0, 0, 0.85);
@light-shadow-color: 0 0 12px #0000000d;
@light-scrollbar-bg-color: #dddee0;

.theme-default {
	/* 需要自定义覆盖的样式 */
	background-color: @light-bg-color !important;
	#driver-highlighted-element-stage {
		background-color: @light-bg-color !important;
	}
	/* login container（先固定样式） */
	.login-container {
		background-color: #eeeeee !important;
		.login-box {
			background-color: hsl(0deg 0% 100% / 80%) !important;
			.login-form {
				background-color: transparent !important;
				box-shadow: 2px 3px 7px rgb(0 0 0 / 20%) !important;
				.login-logo {
					.logo-text {
						color: #475768 !important;
					}
				}
				.login-btn {
					.ant-btn-default {
						color: #606266 !important;
					}
				}
			}
		}
	}

	/* container */
	.container {
		/* sider */
		.ant-layout-sider {
			border-right: 1px solid @light-border-color !important;
			background-color: #001529;
			.ant-menu {
				&::-webkit-scrollbar {
					background-color: #001529 !important;
				}
				&::-webkit-scrollbar-thumb {
					background-color: #41444b !important;
				}
			}
			.logo-box {
				border-bottom: 1px solid #010b14 !important;
			}
		}

		/* layout */
		.ant-layout {
			background-color: @light-main-bg-color !important;
			.tabs,
			.footer,
			.card {
				background-color: @light-bg-color !important;
				border-color: @light-border-color !important;
			}
			.ant-layout-header {
				height: 55px;
				padding: 0 40px 0 20px;
				background-color: @light-bg-color !important;
				border-color: @light-border-header-color !important;
				.icon-style,
				.username {
					color: @light-text-color !important;
				}
			}
			.footer {
				a {
					color: @light-text-color !important;
				}
			}
			.card {
				box-shadow: @light-shadow-color !important;
				.text {
					color: #585858 !important;
				}
			}
			.ant-layout-content {
				&::-webkit-scrollbar {
					background-color: @light-main-bg-color !important;
				}
				&::-webkit-scrollbar-thumb {
					background-color: @light-scrollbar-bg-color !important;
				}
				.card {
					&::-webkit-scrollbar {
						background-color: @light-bg-color !important;
					}
					&::-webkit-scrollbar-thumb {
						background-color: @light-scrollbar-bg-color !important;
					}
				}
			}
		}
	}
}
